引入文件库

leaflet.css & leaflet.js

地图 (L.map)

// var name = L.map(id).setView([center postion], options)
var myMap  = L.map('mapid').setView([51.092, 48.343], 14)

该新地图仅仅是一个框架，需要用tileLayer等方式添加底图

#Markers

#TileLayer ###TileLayer 可以用来显示 Raster Basemap

L.tileLayer('http://{s}.domain.com/{z}/{x}/{y}.png?{foo}', {options}).addTo(map);
//{S} subdomain
//{Z} zoom level
//{X}, {Y} tile coordinates
//建议使用MapBox自制底图 效果酷炫

#Geolocation ```js map.locate({setView: true, maxZoom:16}); //setView: true 定位到当前位置 //watch: true 封装watchPosition方法，实时位置 //enableHighAccuracy: 可能有最好结果但响应慢默认false (有时效果好到不得了) ``` Geolocation 包含两个leaflet事件 ###event - locationfound & locationerror

#自定义添加 (IControl) ###*所有的 laeflet 控制全部都继承自 Control，在这里我们可以自定义自己想要的内容，比如图例等等，see lesson 3* ```js var something = L.control(); something.onAdd = function(map){ var div or this.div = L.DomUtil.create('div', 'className'){ div.innerHTML = '.........' //如果是动态控制，增加一个update函数去填充不同内容，见Lesson3 return div } } something.addTo(map) ```

# 引入文件库

# 地图 (L.map)

引入文件库

地图 (L.map)